<template>
  <div id="app">
    <h3>app组件 - <button @click="add">++</button></h3>
    <child-1 />
    <child-2 />
    <child-3 />
    <child-4 />
    <child-5 />
  </div>
</template>

<script>
import Child1 from "./pages/Child1Index.vue";
import Child2 from "./pages/Child2Index.vue";
import Child3 from "./pages/Child3Index.vue";
import Child4 from "./pages/Child4Index.vue";
import Child5 from "./pages/Child5Index.vue";
export default {
  components: {
    Child1,
    Child2,
    Child3,
    Child4,
    Child5,
  },
  methods: {
    add() {
      // this.$store.state.count++;
      this.$store.commit("add");
    },
  },
};
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  padding-top: 30px;
  color: #2c3e50;
}
</style>
